'use strict';

import React, {Component} from 'react';
import ReactDOM, {render} from 'react-dom';
import {R_header_fixed} from './common/index'
import Link from './common/Link'

import imgsheng0 from '../img/shengji/0.png'
import imgsheng1 from '../img/shengji/1.png'
import imgsheng2 from '../img/shengji/2.png'
import imgsheng3 from '../img/shengji/3.png'
import imgsheng4 from '../img/shengji/4.png'
import imgsheng5 from '../img/shengji/5.png'
import imgsheng6 from '../img/shengji/6.png'

export default class Shengji extends Component {
    constructor(props) {
        super(props)
    }
    componentWillMount() {
        let from = '无知';
        switch (this.props.params.from) {
            case 'more':
                from = '更多页面';
                break;
            case 'liaojie':
                from = '了解设备';
                break;
            case 'anquan':
                from = '安全区域';
                break;
            case 'dingwei':
                from = '实时定位';
                break;
            case 'tonghua':
                from = '亲情通话';
                break;
            default:
                break;
        }
        from = '升级设备<-' + from;
        console.log(from);
        _hmt.push(['_trackEvent', 'page', 'shengji', from]);
    }

    render() {
        const shengjiList = [
            {
                img: imgsheng1,
                key: '实时定位',
                info: '采用GPS+LBS+WIFI三重定位技术，可随时随地 查看孩子具体位置，确保孩子安全。'
            }, {
                img: imgsheng2,
                key: '亲情通话',
                info: '可进行接听与拨打双向通话，采用白名单模式进 行号码设置，避免孩子被骚扰。'
            }, {
                img: imgsheng3,
                key: '历史轨迹',
                info: '可查询孩子每天的运动轨迹，了解孩子的运动状 态，系统可记录三个月的数据信息。'
            }, {
                img: imgsheng4,
                key: '安全区域',
                info: '可设置半径为100m—1000m的安全区域，孩子 离开该区域，家长会收到消息提示。'
            }, {
                img: imgsheng5,
                key: 'SOS一键呼救',
                info: '遇到危险，孩子长按SOS功能键，系统会自动发 送信息并拨打亲情号码。'
            }, {
                img: imgsheng6,
                key: '闹钟提醒',
                info: '家长可在APP进行闹钟设置，帮助孩子进行时间 管理。'
            }
        ]
        return (

            <div className='shengji'>
                <R_header_fixed title="智能学生证功能说明" left="1"/>
                <div className='sjtop'>
                    <img src={imgsheng0}/>
                    <p>部分功能仅限
                        <span>智能学生证</span>
                        用户使用</p>
                    <p style={{
                        paddingTop: '.4rem'
                    }}>请先升级设备</p>
                </div>
                <div className='funbar'>升级后即可使用以下所有功能</div>
                <ul className='intro'>
                    {shengjiList.map((item, index) => {
                        return <li>
                            <img src={item.img}/>
                            <h5>{item.key}</h5>
                            <p>{item.info}</p>
                        </li>
                    })
}
                </ul>
                <div className='sjbuy'>
                    <div className='left'>
                        <p>随寻智能学生证</p>
                        <p>全新智能中小学生安全硬件</p>
                    </div>
                    <Link className='right sjbtn' to='/BuyDevice/true'>立即升级</Link>
                </div>
            </div>
        )
    }
}
